<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="format-detection" content="telephone=no"/>
        <meta name="format-detection" content="email=no"/>
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" name="viewport">
        <title>Server Sent</title>
        <link rel="stylesheet" type="text/css" href="./style.css" />
        <!--[if lt IE 8]><script src="./json3.min.js"></script><![endif]-->
        <script src="http://127.0.0.1:3001/socket.io/socket.io.js"></script>
        <!-- <script src="http://libs.baidu.com/zepto/0.8/zepto.min.js"></script> -->
    </head>
    <body>
        <div class="fullscreenBtns">
            <div class="btn" id="view-fullscreen">View Fullscreen</div>
            <div class="btn" id="cancel-fullscreen">Cancel Fullscreen</div>
        </div>
        <div class="screen">
            <div id="content" class="content"></div>
        </div>
        <div class="imgList">
            <p class="item"><img src="../img/01.jpg"></p>
            <p class="item"><img src="../img/02.jpg"></p>
            <p class="item"><img src="../img/03.jpg"></p>
            <p class="item"><img src="../img/04.jpg"></p>
            <p class="item"><img src="../img/05.jpg"></p>
            <p class="item"><img src="../img/06.jpg"></p>
            <p class="item"><img src="../img/07.jpg"></p>
            <p class="item"><img src="../img/08.jpg"></p>
            <p class="item"><img src="../img/09.jpg"></p>
            <p class="item"><img src="../img/10.jpg"></p>
        </div>
        <script type="text/javascript" src="./client.js"></script>
        <script type="text/javascript" src="./fullscreen.js"></script>
    </body>
</html>
